{include file="common/header" title="$title" keywords="开源WEB开发框架" /}
<div class="page-group">

    <div id="page-infinite-scroll-bottom" class="page page-current context">

        <!-- 你的html代码 -->
        <!-- 标题栏 -->
        <header class="bar bar-nav">

            <h1 class="title">{$data.realname}</h1>
            <a class="icon icon-me pull-right open-panel" href="#" data-panel='#panel-left-demo'></a>
        </header>

        <div class="bar bar-header-secondary">
            <div class="searchbar">
                <a class="searchbar-cancel">取消</a>
                <div class="search-input">
                    <label class="icon icon-search" for="search"></label>
                    <input type="search" id='search' placeholder='按标题查找...'/>
                </div>
            </div>
        </div>
        <div class="content infinite-scroll native-scroll" data-distance="100">
            <!-- 这里是页面内容区列表 -->
            <!--<p class="buttons-row"><a href="#" class="button button-round">工作汇报区</a><a href="#" class="button button-round">工作任务区</a></p>-->
            <p class="buttons-row">
                <a href="{:url('/report')}" class="button button-round report-btn ">工作汇报区</a>
                <a href="{:url('/mission')}" class="button button-round mission-btn active">工作任务区</a>
            </p>

            <div class=" bar bar-header-secondary" page="1" style="top: 2.6rem">
                <a href="{:url('mission/create')}" class="button button-fill button-success">新建</a>
            </div>

            <div class="list-block" style="margin: 2.75rem 0" page="{$count}" uid="{$uid}">
                <ul class="list-container">
                    {volist name="lists" id="vo" empty="暂时没有数据" }
                    <div class="card" data-id="{$vo.id}">
                        <div class="card-header mission-title">标题：{$vo.title}</div>
                        <a href="#router{$vo.id}">
                            <div class="card-content">
                                <div class="card-content-inner"><span class="mission-info">创建人:</span>{$vo.create_person}
                                </div>
                                <div class="card-content-inner"><span class="mission-info">参与人:</span>{$vo.partsPerson}
                                </div>
                                <div class="card-content-inner"><span class="mission-info">任务内容:</span>{$vo.mission_comment}
                                </div>
                            </div>
                        </a>
                        <div class="card-footer">{$vo.create_time|date="Y/m/d H:i:s",###}
                            <!--<span><span class="get-num">{neq name="vo.is_get" value="0"}{:count(explode(',',$vo.is_get))}{else/}0{/neq}</span>/{:count(explode(',',$vo.part_res))}</span>-->
                            <span><a data-id="{$vo.id}"
                                     class='oa-mission-get {eq name="vo.is_get" value="0"}not-get{else/}is-get{/eq}'
                                     href="javascript:">{eq name="vo.is_get" value="0"}未领取{else/}已领取{/eq}</a></span>
                        </div>
                    </div>
                    {/volist}

                </ul>
            </div>
            <!-- 加载提示符 -->
            {notempty name="lists"}
            {gt name="count" value="10"}
            <div class="infinite-scroll-preloader">
                <div class="preloader">
                </div>
            </div>
            <div class="error"></div>
            {/gt}
            {/notempty}
        </div>

    </div>
    <!--查看详情-->
    <div class="look-mission-info">
        {volist name="lists" id="vo" empty="暂时没有数据" }
        <div class="page" id='router{$vo.id}'>
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back" href="/docs-demos/router">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class='title'>任务详情</h1>
            </header>
            <div class="content">
                <div class="card" data-id="{$vo.id}">
                    <div class="card-header">标题：{$vo.title}</div>
                    <div class="card-content">
                        <div class="card-content-inner">创建人:{$vo.create_person}</div>
                        <div class="card-content-inner">参与人:{$vo.partsPerson}</div>
                        <div class="card-content-inner">任务内容:{$vo.mission_comment}</div>
                        <div class="card-content-inner">完成率(%):<input class="oa-with-150" type="text" name="over_rate"
                                                                      value="{$vo.over_rate}"></div>
                    </div>
                    <div class="card-footer">
                        完成时间：{$vo.over_time|date="Y/m/d",###}
                        {eq name="vo.over_rate" value="100"}
                        <span class="complete-mission" data-id="{$vo.id}">{eq name="vo.is_complete" value="1"}已完成{else/}完成任务{/eq}</span>
                        {else/}
                        <span class="complete-rate-mission" data-id="{$vo.id}">提交</span>
                        {/eq}

                    </div>
                </div>
            </div>
        </div>
        {/volist}
    </div>
</div>


{include file="/common/footer" /}

<script type='text/javascript' src='__JS__mission.js__VERSION__' charset='utf-8'></script>

</body>
</html>
